<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>

    <script src="./axios.min.js"></script>
    <script>
        // axios.get()
        // axios.post()
        // axios.put()
        // axios.delete()

        // axios.get(url)
        //     .then(function(response) {
        //         // 如果get请求发送成功 来到这个cb
        //         // response响应对象
        //     })
        //     .catch(function(error) {
        //         // 如果get请求发送失败 来到这个cb
        //         // error错误对象
        //     })

        // 查询
        axios.get('http://localhost:3000/brands')
            .then(function(res) {
                // console.log(response);
                //获取 data status
                // response.data;
                var {
                    data,
                    status
                } = res;
                // console.log(data);
                if (status === 200) {
                    console.log(data);
                }
            });
        // 查询 id=1数据
        // axios
        //     .get('http://localhost:3000/brands/1')
        //     .then(function(res) {
        //         console.log(res.data);

        //     })

        // 添加  post
        // axios.post(url,要添加的数据)
        // 如果post请求成功 status是201
        // axios
        //     .post('http://localhost:3000/brands', {
        //         name: 'uuuuu',
        //         date: new Date()
        //     })
        //     .then(function(res) {
        //         console.log(res);

        //     });

        // 修改->put
        // axios.put(url,修改后的数据{})
        // axios.put('http://localhost:3000/brands/18', {
        //         name: 'oooooo',
        //         date: new Date()
        //     })
        //     .then(function(res) {

        //     })

        // 删除 delete
        // axios
        //     .delete('http://localhost:3000/brands/18')
        //     .then(function(res) {
        //     });

        // 总结
        // 1. 引包 axios
        // 2. axios.请求类型(url,{}).then(function(res){})
        // 注意: axios和vue没有直接关系 axios不是Vue插件
        //      axios可以在服务端环境下使用 
        //      axios不支持jsonp
    </script>
</body>

</html>